<template>
  <div class="welcome">
    <el-card class="view"><carouselHome :extension-obj="extensionObj1"></carouselHome></el-card>
    <el-card class="view"><carouselHome :extension-obj="extensionObj1"></carouselHome></el-card>
    <el-card class="view"><carouselHome :extension-obj="extensionObj1"></carouselHome></el-card>
    <el-card class="view"><carouselHome :extension-obj="extensionObj2"></carouselHome></el-card>
  </div>
</template>

<script>
import Weather from "./Weather";
import CarouselHome from "./CarouselHome";

export default {
  name: "Welcome",
  components: {CarouselHome, Weather},
  data() {
    return {
      extensionObj1:{
        name:"今日施工监管",
        list:[
          {
            date:'--',
            section: '--',
            type : '--',
            time : '--',
            people:'--',
            context: '--',
          }
        ]
      } ,
      extensionObj2:{
        name:"今日维修计划",
        list:[
          {
            date:'11',
            section: '11',
            type : '11',
            time : '11',
            people:'11',
            context: '11',
          }
        ]
      }
    }
  }
}
</script>

<style lang="less" scoped>
.el-main {
  padding: 0px;
}
.welcome{
  height: 100%;
  .view{
    height: 49%;
    width: 49%;
    float: left;
  }
}
</style>
